<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>

        <ui:composition template="../templates/default3.xhtml">          

            <ui:define name="content">
                <h:form id="viewEmployee" binding="#{employeeManagerBean.loadUpdateEmployee}">

                    <p:panel header="Employee account information" id="employeeinfoPanel">
                        <p:messages/>
                        <table class="panel">
                            <tr>
                                <td width="145">User ID:</td>
                                <td width="220"> <h:outputText  id="userId" value="#{employeeManagerBean.userId}" /> 

                                </td>
                                <td width="313">Password expiry: <h:outputText id ="passwordExpiry" value="#{employeeManagerBean.passwordExpiry}">
                                        <f:convertDateTime pattern="dd-MMM-yyyy"/></h:outputText></td>
                            </tr>      

                            <tr>
                                <td>Employee Name:</td>
                                <td> 
                                    <h:outputText id="name" value="#{employeeManagerBean.name}" />                                 
                                </td>
                                <td></td>

                            </tr>
                            <tr>
                                <td>D.O.B:</td>
                                <td>
                                <h:outputText id ="dob" value="#{employeeManagerBean.dob}"  >
                                        <f:convertDateTime pattern="dd-MMM-yyyy"/>
                                    </h:outputText>
                                    </td>
                                <td>Active account: 
                                <h:outputText id ="accountStatus" value="#{employeeManagerBean.accountStatus}"/>
                                </td>

                            </tr>

                            <tr>
                                <td>Department:</td>
                                <td>
                                    <h:outputText id ="department" value="#{employeeManagerBean.department}"  />
                                </td>
                                <td></td>
                            </tr>

                            <tr>
                                <td>Designation:</td>
                                <td> <h:outputText id ="designation" value="#{profileManagerBean.designation}"/>
                                </td>
                                <td></td>
                            </tr>

                            <tr>
                                <td>Contact No. (Office):</td>
                                <td><h:outputText id="contactOffice" value="#{employeeManagerBean.contactOffice}" /> 
                                </td><td></td>
                            </tr>
                            <tr>
                                <td>Contact No. (Mobile):</td>
                                <td>
                                    <h:outputText id="contactMobile" value="#{employeeManagerBean.contactMobile}" />                           
                                </td>
                                <td></td>
                            </tr>

                            <tr>
                                <td>Email Address:</td>
                                <td>
                                    <h:outputText id="email" value="#{employeeManagerBean.emailAddress}" />                                                           
                                </td>
                                <td></td>
                            </tr>

                            <tr >
                                <td colspan="3" class="btn">
                                	<hr/>
                                    <p:commandButton id="btnBack" value="Done" actionListener="#{employeeManagerBean.backViewEmployee}" ajax="true" /><br/><br/><br/><br/><br/><br/>
                                </td>
                            </tr>
                        </table>
               <br/>
                        <br/>
                        <br/>
                        <br/>   

                    </p:panel>




                </h:form>
            </ui:define>        

        </ui:composition>

    </body>

</html>
